/* #ifndef APP-NVUE */
view,
text {
	box-sizing: border-box;
}
/* #endif */

/* start--演示页面使用的统一样式--start */
.u-demo {
	padding: 25px 20px;
}

.u-demo-wrap {
	border-width: 1px;
	border-color: #ddd;
	border-style: dashed;
	background-color: rgb(250, 250, 250);
	padding: 20px 10px;
	border-radius: 3px;
}

.u-demo-area {
	text-align: center;
}

.u-no-demo-here {
	color: $u-tips-color;
	font-size: 13px;
}

.u-demo-result-line {
	border-width: 1px;
	border-color: #ddd;
	border-style: dashed;
	padding: 5px 20px;
	margin-top: 30px;
	border-radius: 5px;
	background-color: rgb(240, 240, 240);
	color: $u-content-color;
	font-size: 16px;
	/* #ifndef APP-NVUE */
	word-break: break-word;
	display: inline-block;
	/* #endif */
	text-align: left;
	
}

.u-demo-title,
.u-config-title {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

.u-config-item {
	margin-top: 25px;
}

.u-config-title {
	margin-top: 20px;
	padding-bottom: 5px;
}

.u-item-title {
	position: relative;
	font-size: 15px;
	padding-left: 8px;
	line-height: 1;
	margin-bottom: 11px;
}

.u-item-title:after {
	position: absolute;
	width: 4px;
	top: -1px;
	height: 16px;
	/* #ifndef APP-NVUE */
	content: '';
	/* #endif */
	left: 0;
	border-radius: 10px;
	background-color: $u-content-color;
}
/* end--演示页面使用的统一样式--end */
.wd-flex{ display: flex; align-items: center; }
.wd-flex-cell{ flex: 1; overflow: hidden; }
.wd-tabbar {
	/deep/ .u-tabbar__content__item__text {
		font-size: 22rpx !important;
	}
}
.wd-buttonbar{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	padding: 48rpx 24rpx;
}
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
	.wd-buttonbar{
		padding-bottom: calc(34px/2 + 48rpx);
		padding-bottom: calc(constant(safe-area-inset-bottom)/2 + 48rpx);
		padding-bottom: calc(env(safe-area-inset-bottom)/2 + 48rpx);
	}
}
.wd-number-box {
	/deep/ .u-icon-minus,
	/deep/ .u-icon-plus {
		width: 44rpx !important;
		background: #E1E1E1 !important;
		border-radius: 50% !important;
	}
	/deep/ .u-icon-minus {
		background: #E1E1E1 !important;
	}
	/deep/ .u-icon-plus {
		background: linear-gradient(131deg, #A36BFF 0%, #6D4BBE 100%) !important;
		color: #FFFFFF !important;
	}
	/deep/ .u-number-input {
		background: transparent !important;
	}
}
.wd-floating {
	position: fixed;
	right: 24rpx;
	bottom: 150rpx;
	z-index: 99;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 96rpx;
	height: 96rpx;
	background: linear-gradient(to right, #A36BFF 0%, #6D4BBE 100%);
	box-shadow: 0 4rpx 14rpx 0 rgba(109,75,190,0.2);
	border-radius: 99px;
}
.wd-swiper-wrap {
	padding: 16rpx 25rpx;
	/deep/ .u-indicator-item-round {
		background-color: rgba(255,255,255,.6) !important;
	}
	/deep/ .u-indicator-item-round-active {
		background-color: rgba(255,255,255,1) !important;
	}
}
.class-list {
	padding: 16rpx 24rpx;
	
	.class-list-card {
		margin-bottom: 16rpx;
		padding: 40rpx 24rpx;
		background-color: #ffffff;
		border-radius: 24rpx;
	}
	
	.class-list-item {
		display: flex;
		
		.class-list-item__avatar {
			margin-right: 40rpx;
			
			.avatar {
				display: block;
				width: 123rpx;
				height: 123rpx;
				border-radius: 50%;
			}
			
			.label {
				margin-top: 10rpx;
				text-align: center;
				line-height: 30rpx;
				font-size: 22rpx;
				color: #333333;
			}
			
			.number {
				margin-top: 6rpx;
				text-align: center;
				line-height: 38rpx;
				font-size: 26rpx;
				color: #333333;
				
				text {
					color: #6D4BBE;
				}
				
				.arrow {
					margin-left: 10rpx;
				}
			}
		}
		
		.class-list-item__content {
			flex: 1;
			overflow: hidden;
			
			.title {
				margin-bottom: 5rpx;
				line-height: 48rpx;
				font-size: 34rpx;
				color: #333333;
			}
			
			.info {
				line-height: 40rpx;
				font-size: 26rpx;
				color: #333333;
			}
			
			.star {
				margin-bottom: 10rpx;
				line-height: 34rpx;
				font-size: 24rpx;
				color: #666666;
			}
		}
		
		.class-list-item__action {
			align-self: center;
			margin-left: 40rpx;
			
			.button {
				width: 110rpx;
				height: 54rpx;
				background: linear-gradient(131deg, #A36BFF 0%, #6D4BBE 100%);
				border-radius: 99px;
				text-align: center;
				line-height: 54rpx;
				font-size: 24rpx;
				font-weight: 400;
				color: #FFFFFF;
				
				&.active {
					background: rgba(109, 75, 190, 0.1);
					color: #6D4BBE;
				}
			}
			
		}
		
		.class-list-item__share {
			align-self: flex-end;
			margin-left: 40rpx;
			display: block;
			width: 40rpx;
			height: 40rpx;
			padding: 2rpx;
		}
		
	}
	
	.class-list-user {
		position: relative;
		margin-top: 20rpx;
		padding: 15rpx 30rpx;
		background-color: #F7F7F7;
		border-radius: 24rpx;
		
		&:before {
			content: "";
			position: absolute;
			top: -8rpx;
			left: 50rpx;
			display: block;
			border-left: 10rpx transparent solid;
			border-right: 10rpx transparent solid;
			border-bottom: 10rpx #F7F7F7 solid;
		}
		
		.title {
			line-height: 28rpx;
			font-size: 20rpx;
			color: #999999;
		}
		
		.thumb-box {
			display: flex;
			flex-wrap: wrap;
			
			.thumb {
				display: block;
				margin-top: 6rpx;
				margin-right: 10rpx;
				width: 44rpx;
				height: 44rpx;
				border-radius: 50%;
			}
		}
	}

	.class-list-comment {
		margin: 30rpx -24rpx -40rpx;
		height: 65rpx;
		text-align: center;
		line-height: 65rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #6D4BBE;
		background: rgba(109, 75, 190, 0.1);
		border-radius: 0 0 24rpx 24rpx;
	}
}
.wd-form-wrapper {
	margin: 24rpx;
	border-radius: 24rpx;
	overflow: hidden;
	.disabled /deep/ .u-form-item {
		background: #F8F8F8 !important;
	}
	/deep/ .u-form-item {
		padding: 10rpx 30rpx !important;
		background: #FFFFFF !important;
		font-size: 26rpx !important;
	}
	/deep/ .u-input__input {
		text-align: right !important;
		font-size: 26rpx !important;
	}
	/deep/ .u-input__textarea {
		padding: 15rpx 0 !important;
		text-align: left !important;
		line-height: 40rpx !important;
		box-sizing: border-box !important;
	}
	/deep/ .u-form-item__message {
		text-align: right !important;
	}
	/deep/ .u-input__right-icon--select {
		display: none !important;
	}
}
.wd-form-footer {
	padding: 70rpx 24rpx;
	.wd-form-footer__btn {
		margin-top: 20rpx;
	}
}
.tr{text-align: right;}